@import '../color.scss';

.el-dialog {
    width: 750px;
    border-radius: 5px;
    .el-dialog__title {
        font-size: 16px;
    }
    .el-dialog__header {
        padding: 16px 30px;
        border-bottom: 1px solid #e3e8e9;
        background-color: #f9f9f9;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #333;
    }
    .el-dialog__body {
        padding: 30px;
    }
    .el-dialog__footer {
        padding: 15px 30px;
    }
}

// 限制高度500px
.dialog-height500{
    /deep/ .el-dialog__body{
         max-height: 500px;
         overflow-y: auto;
     }
 }

// 使el-dialog弹窗垂直居中布局
.center-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .el-dialog {
        margin: 0 !important;
        max-height: calc(100vh - 80px);
        // max-width: calc(100vh - 80px);
        display: flex;
        flex-direction: column;
        .el-dialog__body {
            overflow: auto;
        }
        .el-dialog__footer {
            border-top: 1px solid #e3e8e9;
            padding: 15px 30px;
            .btn-left {
                text-align: left;
            }
        }
    }
}

